<template>
  <div class="aiseo-home-page" ref="homePageRef">
    <!-- 头部导航开始 -->
    <HomeHeader></HomeHeader>
    <!-- 头部导航结束 -->
    <!-- 主体部分开始 -->
    <section class="aiseo-home-main">
      <HomeBanner></HomeBanner>
      <HomeServer></HomeServer>
      <HomeData></HomeData>
      <HomeCustomerService></HomeCustomerService>
      <serviceProcess></serviceProcess>
      <HomeAdvantage></HomeAdvantage>
    </section>
    <!-- 主体部分结束 -->
    <!-- 底部开始 -->
    <HomeFooter></HomeFooter>
    <!-- 底部结束 -->
  </div>
</template>

<script setup>
import HomeHeader from "@/components/homePage/header/index.vue";
import HomeBanner from "@/components/homePage/banner/index.vue";
import HomeData from "@/components/homePage/dataPart/index.vue";
import HomeServer from "@/components/homePage/server/index.vue";
import HomeCustomerService from "@/components/homePage/customizedServices/index.vue";
import HomeAdvantage from "@/components/homePage/advantage/index.vue";
import serviceProcess from "@/components/homePage/serviceProcess/index.vue";
import HomeFooter from "@/components/homePage/footer/index.vue";
</script>

<style lang="scss" scoped>
.aiseo-home-page {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: #f5f5f5;
  .aiseo-home-main {
    width: 100%;
  }
}
</style>
